<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>账号升级</title>
    <link rel="stylesheet" href="../../../resources/commons/css/base.css">
    <link rel="stylesheet" href="../../../resources/commons/css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="main-repeat layout-left-center">
        <div class="col-main w60">
            <div class="col-left">
                <div class="nav-left">
                    <a class="logo"></a>
                    <ul>
                        <li class="nav-left-item active">
                            <i class="iconfont-c icon-yonghuxinxi"></i>
                        </li>
                        <li class="nav-left-item">
                            <i class="iconfont-c icon-zhanghaoxinxi"></i>
                        </li>
                        <li class="nav-left-item">
                            <i class="iconfont-c icon-yonghushengji"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-right">
                <div class="nav-top">
                    <div class="logo-text"></div>
                    <a class="avatar">
                        <i class="line"></i>
                        <img src=""
                            alt="">
                    </a>
                    <div class="nav-top-list">
                        <a class="nav-top-item active" href="">首页</a>
                        <a class="nav-top-item" href="">碳服务</a>
                        <a class="nav-top-item" href="">碳配额</a>
                        <a class="nav-top-item" href="">碳政策</a>
                        <a class="nav-top-item" href="">关于我们</a>

                    </div>
                </div>
                <div class="body-wrap">
                    <div class="nav-left-wrap">
                        <div class="nav-left-menu-text">
                            <span>用户信息</span>
                        </div>
                        <ul class="nav-left-menu-list">
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>实名认证</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>企业资料</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>负责人资料</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item active">
                                        <span>上传证件</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>确认信息</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>等待审核</span>
                                    </a>
                                </div>
                            </li>
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>绑定信息</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>绑定账号</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="right-wrap">
                        <div class="content-wrap">
                            <div class="toolbar-wrap">
                                <i class="line"></i>
                                <div class="crumb">
                                    <span class="crumb-item">
                                        <span class="crumb-item-link">账号信息</span>
                                    <span class="crumb-item-separator">&gt;</span>
                                    </span>
                                    <span class="crumb-item">
                                        <span class="crumb-item-link">基本信息</span>
                                    </span>

                                </div>
                            </div>
                            <div class="basic-info clearfix">
                                <div class="fn-left basic-info-left">
                                    <img src="../../../resources/assets/company_logo.png" alt="">
                                </div>
                                <div class="info-detail">
                                    <span>主账号：18888888888</span>
                                    <div>
                                        <ul class="fn-left">
                                            <li>账户类型：独立账号</li>
                                            <li>认证状态：已实名认证</li>
                                        </ul>
                                        <ul class="fn-left">
                                            <li>账号等级：普通用户</li>
                                            <li>关联状态：暂未关联</li>
                                        </ul>
                                        <ul class="fn-left">
                                            <li>是否开通支付：独立账号</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="toolbar-wrap bill-list-wrap">
                                <i class="line"></i>
                                <div class="crumb">
                                    <span class="crumb-item">
										<span class="bill-list-title">账号升级</span>
                                    </span>
                                    <span style="margin:0 10px;border-right:1px solid #e6e6e6"></span>
                                    <span class="crumb-item">
										<span class="crumb-item-link" style="color:#999999">升级账号获得以下服务</span>
                                    </span>
                                    <span class="basic-info-btn blue fr" style="color:#2e9987"><i class="iconfont-c icon-shengji"></i>立即升级</span>
                                </div>
                            </div>
                            <ul class="clearfix">
                                <li class="list-item">
                                    <div class="icon">
                                        <i class="iconfont-c icon-jifen" style="color:#ff9d64"></i>
                                    </div>
                                    <span class="text">积分机制，升级后子公司、集团公司的积分可共享，相互转化，实现积分倍增效应。</span>
                                    <button class="i-button circle disabled">立即升级</button>                                    
                                </li>
                                <li class="list-item">
                                    <div class="icon">
                                        <i class="iconfont-c icon-lianjie" style="color:#36bed9"></i>
                                    </div>
                                    <span class="text">关联关注，集团公司关联子公司、可查看子公司动态、任务指标，还能横向关注同行。</span>
                                    <button class="i-button circle">已开通</button>                                    
                                
                                </li>
                                <li class="list-item">
                                    <div class="icon">
                                        <i class="iconfont-c icon-fenxiang" style="color:#30bfa7"></i>
                                    </div>
                                    <span class="text">数据共享，集团公司账户可整体排放数据，也可以查看单独子公司的排放结构及数据。</span>
                                    <button class="i-button circle">已开通</button>                                    
                               
                                </li>
                                <li class="list-item">
                                    <div class="icon">
                                        <i class="iconfont-c icon-quanxianguanli" style="color:#d96cd9"></i>
                                    </div>
                                    <span class="text">权限管理，集团公司可对下属子公司权限进行管理，账号新建、停用，操作轨迹追溯。</span>
                                    <button class="i-button circle">已开通</button>                                    
                                
                                </li>
                                <li class="list-item last">
                                    <div class="icon">
                                        <i class="iconfont-c icon-gengduoxinxi" style="color:#8c8bd9"></i>
                                    </div>
                                    <span class="text">更多权限，升级之后即可享有</span>
                                    <button class="i-button circle disabled">开发中</button>                                    
                                
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../resources/commons/js/seajs/sea-debug.js"></script>
    <script type="text/javascript" src="../../../resources/commons/js/seajs/sea-config-debug.js"></script>
    <script>
        seajs.use('./js/index');
    </script>
</body>

</html>